<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>使用serialize()方法序列化表单元素值</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<h2><pre>
     使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，
    它的调用格式如下：$(selector).serialize()
    其中selector参数是一个或多个表单中的元素或表单元素本身
</pre></h2>
<body>
<div id="divtest">
    <div class="title">
        <span class="fl">我的个人资料</span>
                <span class="fr">
                    <input id="btnAction" type="button" value="序列化" />
                </span>
    </div>
    <form action="">
        <ul>
            <li>姓名：<input name="Text1" type="text" size="12" /></li>
            <li>
                <select name="Select1">
                    <option value="0">男</option>
                    <option value="1">女</option>
                </select>
            </li>
            <li><input name="Checkbox1" type="checkbox" />资料是否可见 </li>
            <li id="litest"></li>
        </ul>
    </form>
</div>

<script type="text/javascript">
    $(function () {
        $("#btnAction").bind("click", function () {
            $("#litest").html($("form").serialize());
        })
    })
</script>
</body>
</html>